<template>
  <Syx-Container :mode="5">
    <template slot="Header"> <Headers></Headers></template>
    <template slot="Footer"><Footers></Footers></template>
    <template slot="Main">
      <div style="display: flex;flex-direction: column;height: 100%">
        <Tags></Tags>
        <div style="flex: 1">
          <router-view/>
        </div>
      </div>
    </template>
    <template slot="Aside">
      <Menus></Menus>
    </template>
  </Syx-Container>
</template>

<script>
import Headers from './Home/components/headers.vue'
import Footers from './Home/components/footers.vue'
import Menus from './Home/components/menus.vue'
import Tags from './Home/tags/index.vue'
export default {
  data(){
    return {}
  },
  components:{Headers,Footers,Menus,Tags}
}
</script>

<style lang="scss">

</style>